<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Eason's 简介</title>
    <link rel="stylesheet" href="../CSS/base.css">
    <link rel="stylesheet" href="../CSS/profile.css">
    <link rel="stylesheet" href="../mouse.css">
    <link rel="stylesheet" href="../CSS/dance.css">
    <link rel="stylesheet" href="../CSS/commonhead.css">
</head>

<body>
    <script src="../JS/commonhead.js"></script>
    <div class="cursor"></div>
    <div class="w">
        <div class="profile-lf_angle">
            <img src="../Image/profile/PROFILE.png" alt="">
            <img src="../Image/profile/motianlun.png" alt="" class="motianlun">
        </div>

        <!-- 前三部分用flex布局 -->
        <div class="banner-flex">
            <!-- 首个横幅简介 -->
            <div class="banner1">
                <!-- 透明背景层 -->
                <div class="banner1-text">
                    <!-- 第一部分图片 -->
                    <div class="banner1-img">
                        <img src="../Image/profile/image/image 1.png" alt="Eason">
                    </div>
                    <!-- 第一部分文字介绍 -->
                    <p class="banner1-text_c">
                        陈奕迅（Eason Chan），1974年7月27日出生于中国香港，祖籍广东省东莞市，华语流行乐男歌手、演员、作曲人，拥有英国金斯顿大学荣誉博士的学历。
                        <br><br>
                        他是华语流行音乐极具代表性的男歌手及演员，被
                        《时代杂志》形容为带领粤语音乐潮流及影响粤语
                        乐坛的风云人物。
                        1995年因获得第14届新秀歌唱大赛冠军而正式入行，出道24年，至今已发行超过40张专辑，不论在香港、中国内地、台湾甚至东南亚地区都获奖无数，有许多耳熟能详的歌曲作品，包括《我的快乐时代》、《天下无双》、《Shall
                        We Talk》、《K歌之王》、《明年今日》、《夕阳无限好》、《浮夸》等等，他是九十年代后的代表性歌手，同时奠定其在歌坛的地位。
                    </p>
                </div>
            </div>

            <!-- 第二个横幅二简介 -->
            <div class="banner2">
                <!-- 幸福摩天轮 -->
                <div class="banner2-motianlun">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                        viewBox="0 0 1371 843.34">
                        <defs>
                            <style>
                                .cls-1,
                                .cls-3,
                                .cls-5,
                                .cls-6,
                                .cls-7 {
                                    fill: none;
                                }

                                .cls-1,
                                .cls-3 {
                                    stroke: #b3b3b3;
                                }

                                .cls-1,
                                .cls-3,
                                .cls-5,
                                .cls-6,
                                .cls-7,
                                .cls-8 {
                                    stroke-miterlimit: 10;
                                }

                                .cls-1 {
                                    stroke-width: 0.25px;
                                }

                                .cls-2 {
                                    clip-path: url(#clip-path);
                                }

                                .cls-3,
                                .cls-7,
                                .cls-8 {
                                    stroke-width: 5px;
                                }

                                .cls-4 {
                                    fill: #b3b3b3;
                                }

                                .cls-5,
                                .cls-7,
                                .cls-8 {
                                    stroke: gray;
                                }

                                .cls-5 {
                                    stroke-width: 3.57px;
                                }

                                .cls-6 {
                                    stroke: #4d4d4d;
                                    stroke-width: 4.71px;
                                }
                            </style>
                            <clipPath id="clip-path" transform="translate(0 75.34)">
                                <circle class="cls-1" cx="692.83" cy="323.5" r="200" />
                            </clipPath>
                        </defs>
                        <!-- <g id="picture_1" data-name="图层 1">
                            <rect x="0.5" y="75.84" width="1370" height="767" />
                            <path d="M1370,1V767H1V1H1370m1-1H0V768H1371V0Z" transform="translate(0 75.34)" />
                        </g> -->
                        <g id="picture_2" data-name="picture 2" style="transform-origin:51% 49%; ">
                            <!-- 圆环的线 -->
                            <g class="cls-2">
                                <line class="cls-3" x1="624.02" y1="1.72" x2="951.62" y2="346.65" />
                                <line class="cls-3" x1="618.18" y1="14.6" x2="945.77" y2="359.53" />
                                <line class="cls-3" x1="612.33" y1="27.48" x2="939.93" y2="372.41" />
                                <line class="cls-3" x1="606.49" y1="40.35" x2="934.08" y2="385.28" />
                                <line class="cls-3" x1="600.64" y1="53.23" x2="928.24" y2="398.16" />
                                <line class="cls-3" x1="594.8" y1="66.11" x2="922.39" y2="411.04" />
                                <line class="cls-3" x1="588.95" y1="78.98" x2="916.55" y2="423.92" />
                                <line class="cls-3" x1="583.11" y1="91.86" x2="910.7" y2="436.79" />
                                <line class="cls-3" x1="577.26" y1="104.74" x2="904.86" y2="449.67" />
                                <line class="cls-3" x1="571.42" y1="117.62" x2="899.01" y2="462.55" />
                                <line class="cls-3" x1="565.57" y1="130.49" x2="893.17" y2="475.43" />
                                <line class="cls-3" x1="559.73" y1="143.37" x2="887.32" y2="488.3" />
                                <line class="cls-3" x1="553.88" y1="156.25" x2="881.48" y2="501.18" />
                                <line class="cls-3" x1="548.04" y1="169.13" x2="875.63" y2="514.06" />
                                <line class="cls-3" x1="542.19" y1="182" x2="869.79" y2="526.93" />
                                <line class="cls-3" x1="536.35" y1="194.88" x2="863.94" y2="539.81" />
                                <line class="cls-3" x1="530.5" y1="207.76" x2="858.1" y2="552.69" />
                                <line class="cls-3" x1="524.66" y1="220.63" x2="852.25" y2="565.57" />
                                <line class="cls-3" x1="518.81" y1="233.51" x2="846.41" y2="578.44" />
                                <line class="cls-3" x1="512.97" y1="246.39" x2="840.56" y2="591.32" />
                                <line class="cls-3" x1="507.12" y1="259.27" x2="834.72" y2="604.2" />
                                <line class="cls-3" x1="501.28" y1="272.14" x2="828.87" y2="617.07" />
                                <line class="cls-3" x1="495.43" y1="285.02" x2="823.03" y2="629.95" />
                                <line class="cls-3" x1="489.59" y1="297.9" x2="817.18" y2="642.83" />
                                <line class="cls-3" x1="483.74" y1="310.77" x2="811.34" y2="655.71" />
                                <line class="cls-3" x1="477.9" y1="323.65" x2="805.49" y2="668.58" />
                                <line class="cls-3" x1="472.05" y1="336.53" x2="799.65" y2="681.46" />
                                <line class="cls-3" x1="466.21" y1="349.41" x2="793.8" y2="694.34" />
                                <line class="cls-3" x1="460.36" y1="362.28" x2="787.96" y2="707.22" />
                                <line class="cls-3" x1="454.52" y1="375.16" x2="782.11" y2="720.09" />
                                <line class="cls-3" x1="448.67" y1="388.04" x2="776.27" y2="732.97" />
                                <line class="cls-3" x1="442.83" y1="400.92" x2="770.42" y2="745.85" />
                                <line class="cls-3" x1="436.98" y1="413.79" x2="764.58" y2="758.72" />
                                <line class="cls-3" x1="431.14" y1="426.67" x2="758.73" y2="771.6" />
                                <line class="cls-3" x1="425.29" y1="439.55" x2="752.89" y2="784.48" />
                            </g>

                            <!-- 圆的镂空 -->
                            <circle class="cls-1" cx="692.83" cy="398.84" r="200" />
                            <circle cx="692.83" cy="323.5" r="172.5" transform="translate(-25.82 660) rotate(-45)" />
                            <!-- 内环圆的边框 -->
                            <path class="cls-4"
                                d="M692.83,153.5a170,170,0,1,1-120.2,49.79,168.88,168.88,0,0,1,120.2-49.79m0-5a175,175,0,1,0,175,175,175,175,0,0,0-175-175Z"
                                transform="translate(0 75.34)" />
                            <!-- 摩天轮的半径支架 -->
                            <line class="cls-5" x1="693" y1="278.84" x2="693" y2="518.84" />
                            <line class="cls-5" x1="608.15" y1="313.99" x2="777.85" y2="483.69" />
                            <line class="cls-5" x1="573" y1="398.84" x2="813" y2="398.84" />
                            <line class="cls-5" x1="608.15" y1="483.69" x2="777.85" y2="313.99" />
                            <!-- 圆心的镂空 -->
                            <circle cx="693" cy="398.84" r="22.5" />
                            <!-- 圆心的两个圆 -->
                            <path class="cls-4"
                                d="M693,303.5a20,20,0,1,1-20,20,20,20,0,0,1,20-20m0-5a25,25,0,1,0,25,25,25,25,0,0,0-25-25Z"
                                transform="translate(0 75.34)" />
                            <path class="cls-4"
                                d="M693,314.57a8.93,8.93,0,1,1-8.93,8.93,8.95,8.95,0,0,1,8.93-8.93m0-3.57a12.5,12.5,0,1,0,12.5,12.5A12.5,12.5,0,0,0,693,311Z"
                                transform="translate(0 75.34)" />
                            <circle class="cls-7" cx="692.83" cy="179.34" r="19.5" />
                            <circle class="cls-7" cx="583.11" cy="208.83" r="19.5" />
                            <circle class="cls-7" cx="502.82" cy="289.23" r="19.5" />
                            <circle class="cls-7" cx="473.5" cy="399.01" r="19.5" />
                            <circle class="cls-7" cx="502.99" cy="508.73" r="19.5" />
                            <circle class="cls-8" cx="583.39" cy="589.02" r="19.5" />
                            <circle class="cls-7" cx="693.17" cy="618.34" r="19.5" />
                            <circle class="cls-8" cx="802.89" cy="588.85" r="19.5" />
                            <circle class="cls-7" cx="883.18" cy="508.45" r="19.5" />
                            <circle class="cls-7" cx="912.5" cy="398.67" r="19.5" />
                            <circle class="cls-7" cx="883.01" cy="288.95" r="19.5" />
                            <circle class="cls-7" cx="802.61" cy="208.66" r="19.5" />
                        </g>
                        <g id="jiao">
                            <polygon class="cls-6" points="693.17 397.36 517.83 730.34 586.83 730.33 693.17 397.36" />
                            <polygon class="cls-6" points="692.84 397.36 868.18 730.34 799.18 730.33 692.84 397.36" />
                        </g>

                    </svg>
                    <!-- <div class="banner2-motianlun_head">
                        <img src="../Image/head.png" alt="">
                    </div>
                    <div class="banner2-motianlun_foot">
                        <img src="../Image/foot.png" alt="">
                    </div> -->
                </div>
                <!-- 第二部分的文字简介和Eason图片 -->
                <div class="banner2-textimg">
                    <div class="banner2-textimg_text">
                        <p class="banner2-textimg_text_c">
                            陈奕迅凭借随性不羁、鬼马搞怪的风格在香港乐坛独树一帜。他的嗓音厚实中带着沙哑，唱腔慵懒且具有独特的个性。他擅长把华丽和经典的唱腔结合，将歇斯底里与俏皮的气质融入心灵。而在着装和造型上，他更是挥洒个性，独特的穿衣风格让他成功吸引众人的目光；诸多出人意料的造型也让他一次次地创造出潮流。
                        </p>
                    </div>
                    <div class="banner2-textimg_i">
                        <img src="../Image/profile/image/image 2.png " alt="Eason">
                    </div>
                </div>
            </div>

            <!-- 第三个banner简介 -->
            <div class="banner3">
                <!-- 第三个介绍的左边文字部分 -->

                <p class="banner3-text_c">
                    在2005年，《U87》更横扫香港乐坛多个奖项，不但成为该年香港最高销售量的粤语非精选专辑，还夺得包括《叱咤乐坛流行榜颁奖典礼》的「叱咤乐坛男歌手金奖」及「叱咤乐坛我最喜爱的男歌手」等六项大奖，成绩出众。而当年《U87》更被《时代杂志》评为2005年亚洲五张最值得购买的专辑之一，成绩一鸣惊人。
                    <br><br><br>
                    近年在亚洲亦获得不少触目的奖项，认定了他歌唱实力非凡和乐坛地位。在台湾金曲奖之中，陈奕迅是目前唯一的香港歌手于2003年、2015年及2018年三届获得「最佳国语男歌手」，他还两度获得「最佳国语专辑」奖项，
                    2018年更凭着《C’mon in ~》获得「年度专辑奖」，囊括华语乐坛三项最具份量的奖项。与Duo
                    Band成员花了六年时间制作《L.O.V.E.》专辑更在2019年第30届的台湾金曲奖夺得最佳专辑制作人奖，给予很大的肯定和鼓励。
                </p>

                <!-- 第三介绍的右边图文部分 -->
                <div class="banner3-backimg">
                    <!-- 这里图片可以用背景图片 -->
                    <div class="banner3-backimg_text">
                        <!-- 图片上的文字介绍 -->
                        <p class="banner3-textimg_text_c">
                            陈奕迅荣获无数各大颁奖典礼重要奖项。他连续13年获得「十大中文金曲颁奖音乐会」之「
                            最优秀流行男歌手大奖」，以及连续9届获得「叱咤乐坛流行榜颁奖典礼」之「我最喜爱的男歌手」奖项，是颁奖典礼得奖常客，深受歌迷喜爱。
                        </p>
                    </div>
                </div>
            </div>

        </div>
        <!-- 第四部分简介 -->
        <div class="main">
            <!-- 第四图片 -->
            <div class="main-img">
                <img src="../Image/profile/image/image4.png" alt="Eason">
            </div>

            <!-- 第四文字部分 -->
            <div class="main-text">
                <p class="main-text_c">
                    从1999年到至今，他在世界各地举行超过300场演唱​​会，包括首个个人大型演唱会－《Big Live陈奕迅大个唱99》 、《Get a Life》、《 EASON’s LIFE
                    》、《DUO》等等。在2010年《DUO》世界巡回演唱会，他是首位站上英国伦敦The
                    O2场馆的亚洲歌手，并且写下开卖20分钟内立即售罄的惊人纪录。于2017年，陈奕迅使用一个反传统的宣传方式，游走全球多个地方去宣传全新专辑《C’mon in~》，将其名为「Eason says
                    C’mon in~
                    Tour」，并在全球18个城市，跨越了亚洲、欧洲、美洲等多个地方举行新歌音乐会，除了获得亚洲媒体广泛报导外，更被美国权威音乐杂志《Billboard》登文报导，可见其影响力触及全球各地。此外，陈奕迅非常关心社会，过往参与了不同的公益活动。在2018年，陈奕迅破天荒举行了「L.O.V.E.
                    is L.I.V.E.」慈善音乐会，并且邀请多个慈善机构到现场参与，获得大众和媒体高度赞赏。
                </p>
            </div>
        </div>

        <!-- 露出的摩天轮 -->
        <div class="half-svg">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="0 0 1371 843.34">
                <defs>
                    <style>
                        .cls-1,
                        .cls-3,
                        .cls-5,
                        .cls-6,
                        .cls-7 {
                            fill: none;
                        }

                        .cls-1,
                        .cls-3 {
                            stroke: #b3b3b3;
                        }

                        .cls-1,
                        .cls-3,
                        .cls-5,
                        .cls-6,
                        .cls-7,
                        .cls-8 {
                            stroke-miterlimit: 10;
                        }

                        .cls-1 {
                            stroke-width: 0.25px;
                        }

                        .cls-2 {
                            clip-path: url(#clip-path);
                        }

                        .cls-3,
                        .cls-7,
                        .cls-8 {
                            stroke-width: 5px;
                        }

                        .cls-4 {
                            fill: #b3b3b3;
                        }

                        .cls-5,
                        .cls-7,
                        .cls-8 {
                            stroke: gray;
                        }

                        .cls-5 {
                            stroke-width: 3.57px;
                        }

                        .cls-6 {
                            stroke: #4d4d4d;
                            stroke-width: 4.71px;
                        }
                    </style>
                    <clipPath id="clip-path" transform="translate(0 75.34)">
                        <circle class="cls-1" cx="692.83" cy="323.5" r="200" />
                    </clipPath>
                </defs>
                <!-- <g id="picture_1" data-name="图层 1">
                    <rect x="0.5" y="75.84" width="1370" height="767" />
                    <path d="M1370,1V767H1V1H1370m1-1H0V768H1371V0Z" transform="translate(0 75.34)" />
                </g> -->
                <g id="picture_3" data-name="picture 2" style="transform: rotate(30deg);transform-origin:51% 49%; ">
                    <!-- 圆环的线 -->
                    <g class="cls-2">
                        <line class="cls-3" x1="624.02" y1="1.72" x2="951.62" y2="346.65" />
                        <line class="cls-3" x1="618.18" y1="14.6" x2="945.77" y2="359.53" />
                        <line class="cls-3" x1="612.33" y1="27.48" x2="939.93" y2="372.41" />
                        <line class="cls-3" x1="606.49" y1="40.35" x2="934.08" y2="385.28" />
                        <line class="cls-3" x1="600.64" y1="53.23" x2="928.24" y2="398.16" />
                        <line class="cls-3" x1="594.8" y1="66.11" x2="922.39" y2="411.04" />
                        <line class="cls-3" x1="588.95" y1="78.98" x2="916.55" y2="423.92" />
                        <line class="cls-3" x1="583.11" y1="91.86" x2="910.7" y2="436.79" />
                        <line class="cls-3" x1="577.26" y1="104.74" x2="904.86" y2="449.67" />
                        <line class="cls-3" x1="571.42" y1="117.62" x2="899.01" y2="462.55" />
                        <line class="cls-3" x1="565.57" y1="130.49" x2="893.17" y2="475.43" />
                        <line class="cls-3" x1="559.73" y1="143.37" x2="887.32" y2="488.3" />
                        <line class="cls-3" x1="553.88" y1="156.25" x2="881.48" y2="501.18" />
                        <line class="cls-3" x1="548.04" y1="169.13" x2="875.63" y2="514.06" />
                        <line class="cls-3" x1="542.19" y1="182" x2="869.79" y2="526.93" />
                        <line class="cls-3" x1="536.35" y1="194.88" x2="863.94" y2="539.81" />
                        <line class="cls-3" x1="530.5" y1="207.76" x2="858.1" y2="552.69" />
                        <line class="cls-3" x1="524.66" y1="220.63" x2="852.25" y2="565.57" />
                        <line class="cls-3" x1="518.81" y1="233.51" x2="846.41" y2="578.44" />
                        <line class="cls-3" x1="512.97" y1="246.39" x2="840.56" y2="591.32" />
                        <line class="cls-3" x1="507.12" y1="259.27" x2="834.72" y2="604.2" />
                        <line class="cls-3" x1="501.28" y1="272.14" x2="828.87" y2="617.07" />
                        <line class="cls-3" x1="495.43" y1="285.02" x2="823.03" y2="629.95" />
                        <line class="cls-3" x1="489.59" y1="297.9" x2="817.18" y2="642.83" />
                        <line class="cls-3" x1="483.74" y1="310.77" x2="811.34" y2="655.71" />
                        <line class="cls-3" x1="477.9" y1="323.65" x2="805.49" y2="668.58" />
                        <line class="cls-3" x1="472.05" y1="336.53" x2="799.65" y2="681.46" />
                        <line class="cls-3" x1="466.21" y1="349.41" x2="793.8" y2="694.34" />
                        <line class="cls-3" x1="460.36" y1="362.28" x2="787.96" y2="707.22" />
                        <line class="cls-3" x1="454.52" y1="375.16" x2="782.11" y2="720.09" />
                        <line class="cls-3" x1="448.67" y1="388.04" x2="776.27" y2="732.97" />
                        <line class="cls-3" x1="442.83" y1="400.92" x2="770.42" y2="745.85" />
                        <line class="cls-3" x1="436.98" y1="413.79" x2="764.58" y2="758.72" />
                        <line class="cls-3" x1="431.14" y1="426.67" x2="758.73" y2="771.6" />
                        <line class="cls-3" x1="425.29" y1="439.55" x2="752.89" y2="784.48" />
                    </g>
                    <!-- 圆的镂空 -->
                    <circle class="cls-1" cx="692.83" cy="398.84" r="200" />
                    <circle cx="692.83" cy="323.5" r="172.5" transform="translate(-25.82 660) rotate(-45)" />
                    <!-- 内环圆的边框 -->
                    <path class="cls-4"
                        d="M692.83,153.5a170,170,0,1,1-120.2,49.79,168.88,168.88,0,0,1,120.2-49.79m0-5a175,175,0,1,0,175,175,175,175,0,0,0-175-175Z"
                        transform="translate(0 75.34)" />
                    <!-- 摩天轮的半径支架 -->
                    <line class="cls-5" x1="693" y1="278.84" x2="693" y2="518.84" />
                    <line class="cls-5" x1="608.15" y1="313.99" x2="777.85" y2="483.69" />
                    <line class="cls-5" x1="573" y1="398.84" x2="813" y2="398.84" />
                    <line class="cls-5" x1="608.15" y1="483.69" x2="777.85" y2="313.99" />
                    <!-- 圆心的镂空 -->
                    <circle cx="693" cy="398.84" r="22.5" />
                    <!-- 圆心的两个圆 -->
                    <path class="cls-4"
                        d="M693,303.5a20,20,0,1,1-20,20,20,20,0,0,1,20-20m0-5a25,25,0,1,0,25,25,25,25,0,0,0-25-25Z"
                        transform="translate(0 75.34)" />
                    <path class="cls-4"
                        d="M693,314.57a8.93,8.93,0,1,1-8.93,8.93,8.95,8.95,0,0,1,8.93-8.93m0-3.57a12.5,12.5,0,1,0,12.5,12.5A12.5,12.5,0,0,0,693,311Z"
                        transform="translate(0 75.34)" />
                    <circle class="cls-7" cx="692.83" cy="179.34" r="19.5" />
                    <circle class="cls-7" cx="583.11" cy="208.83" r="19.5" />
                    <circle class="cls-7" cx="502.82" cy="289.23" r="19.5" />
                    <circle class="cls-7" cx="473.5" cy="399.01" r="19.5" />
                    <circle class="cls-7" cx="502.99" cy="508.73" r="19.5" />
                    <circle class="cls-8" cx="583.39" cy="589.02" r="19.5" />
                    <circle class="cls-7" cx="693.17" cy="618.34" r="19.5" />
                    <circle class="cls-8" cx="802.89" cy="588.85" r="19.5" />
                    <circle class="cls-7" cx="883.18" cy="508.45" r="19.5" />
                    <circle class="cls-7" cx="912.5" cy="398.67" r="19.5" />
                    <circle class="cls-7" cx="883.01" cy="288.95" r="19.5" />
                    <circle class="cls-7" cx="802.61" cy="208.66" r="19.5" />
                </g>
                <g id="jiao">
                    <polygon class="cls-6" points="693.17 397.36 517.83 730.34 586.83 730.33 693.17 397.36" />
                    <polygon class="cls-6" points="692.84 397.36 868.18 730.34 799.18 730.33 692.84 397.36" />
                </g>

            </svg>
        </div>
    </div>
    <script src="../JS/footer.js"></script>

    <script src="../mouse.js"></script>
    <script src="../JS/dance.js"></script>
    <script src="../JS/profile.js"></script>
</body>

</html>